<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>顾客退货</title>
	<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
	<link rel="stylesheet" href="../../css/xh/commodity.css" />
	<link rel="stylesheet" href="../../css/public.css" media="all">
</head>
	<body>
	<div class="layui-form" id="addSaleData" lay-filter="addSaleData">
		<div>
			<div style="text-align: center;">
				<h2>顾客退货</h2>
			</div>
			<div style="color: red; width: 100%;"><span
					style="float: right; padding-right: 50px;">订单号：<input readonly name="salRetId" type="text" style="border: none;background: none" id="RandomSingleNum"></span></div>
		</div>
			<div style="height: 100px; margin-bottom: 15px;">
				<div class="layui-col-md12">
					<div class="layui-panel" style="padding-top: 20px;margin-top: 5px;">
						<div class="layui-form-item layui-row"><!--id="layerDemo"弹窗id-->
							<div class="layui-inline layui-col-md4">
								<label class="layui-form-label">客户名称</label>
								<div class="layui-input-inline">
									<div class="inputdiv">
										<input type="hidden" id="custId" name="custId" value="">
										<input type="text" name="" placeholder="请选择客户" autocomplete="off" class="layui-input" readonly="readonly" id="demo1" lay-filter="demo1">
										<i class="layui-icon">&#xe615;</i>
									</div>
								</div>
							</div>

							<div class="layui-inline layui-col-md4">
								<label class="layui-form-label">收货仓库</label>
								<div class="layui-input-inline">
									<select id="deport" name="depotId" lay-filter="aihaos">
										<option value=""></option>
									</select>
								</div>
							</div>

							<div class="layui-inline layui-col-md3">
								<label class="layui-form-label">退售日期</label>
								<div class="layui-input-block">
									<input type="text" name="salRetDate" placeholder="请选择日期" class="layui-input" id="sellData"/>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="layuimini-container">
				<div class="layuimini-main">

					<!--主表-->
					<table class="layui-hide" id="currentTableId" lay-filter="mportExpor"></table>

					<!--商品售价列表-->
					<div id="priceTabulation" style="display: none;">
						<table class="layui-hide" id="priceTabulationTable" lay-filter="priceTabulationTable"></table>
					</div>



					<form action="" class="layui-form money">
						<div class="layui-item">
							<div class="layui-inline">
								<label class="layui-form-label">应退金额</label>
								<div class="layui-input-inline">
									<input type="number" name="salRetRefunded" id="salRetRefunded" class="layui-input">
								</div>
							</div>

							<div class="layui-inline" style="margin-left: 60px">
								<label class="layui-form-label">实退金额</label>
								<div class="layui-input-inline">
									<input type="number" name="salRetRealRefund" id="salRetRealRefund" class="layui-input">
								</div>
							</div>

							<div class="layui-inline" style="margin-left: 60px">
								<label class="layui-form-label">经办人</label>
								<div class="layui-input-inline">
									<select lay-filter="aihao" readonly="" name="empId" id="empName">
									</select>
								</div>
							</div>

						</div>

						<div class="layui-item" style="margin-top: 20px;">
							<div class="layui-inline">
								<label class="layui-form-label">备注</label>
								<div class="layui-input-inline" >
									<input id="salRetComment" placeholder="请输入" style="width: 648px;" type="text" name="salRetComment" class="layui-input">
								</div>
							</div>

							<div class="layui-inline" style="margin-left: 88px;">
								<button type="button" class="layui-btn layui-btn-sm" id="addReturnGood">确定</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>

		<!--修改商品弹出层-->
		<div id="updateCommodityDiv" style="display: none;">
			<form class="layui-form" lay-filter="commodityInfo" id="commodityInfo">
				<!--隐藏域-->
				<div style="display: none;" id="updateCommodityNone"></div>
				<div class="layuimini-container">
					<div class="layuimini-main">
						<fieldset class="table-search-fieldset">
							<legend>商品信息</legend>
							<div class="popUpdate">
								<div class="updateCommodity">
									<ul>
										<li>商品编号:</li>
										<li><input type="text" name="productId" class="layui-input" readonly="readonly" style="border: none;"/></li>
									</ul>

									<ul>
										<li>商品名称:</li>
										<li><input type="text" name="salOrdDescProName" class="layui-input" readonly="readonly" style="height:37px;border: none; color: red;"/></li>
									</ul>

								</div>

								<div class="updateCommodity">
									<ul>
										<li>规格型号:</li>
										<li><input type="text" name="proSize" id="proSize" class="layui-input" readonly="readonly" style="border: none;"/></li>
									</ul>

									<ul>
										<li>单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位:</li>
										<li><input type="text" id="salOrdDescUnit" name="salOrdDescUnit" class="layui-input" readonly="readonly" style="border: none;"/></li>
									</ul>

								</div>

								<div class="updateCommodity">
									<ul>
										<li>销售数量:</li>
										<li><input type="text" id="salOrdDescProNum" class="layui-input" readonly="readonly" style="border: none;height: 37px;color: red;"/></li>
									</ul>

									<ul>
										<li>批准文号:</li>
										<li><input type="text" id="proPostil" class="layui-input" readonly="readonly" style="border: none;height: 37px;"/></li>
									</ul>

								</div>

								<div class="updateCommodity">
									<ul>
										<li>生产厂商:</li>
										<li><input type="text" id="salOrdDescManufacturer" name="salOrdDescManufacturer" class="layui-input" readonly="readonly" style="border: none;"/></li>
									</ul>

									<ul>
										<li>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</li>
										<li style="margin-top:4px">保质期24个月</li>
									</ul>

								</div>
							</div>

							<div class="layui-form-item updateCommodityform">

								<div style="margin-top: 10px;">
									<!--左边input框-->
									<div>
										<div class="layui-inline">
											<div class="layui-inline">退货单价:</div>
											<div class="layui-inline">
												<input type="text" name="salOrdDescProPrice" id="salOrdDescProPrice" readonly="readonly" class="layui-input" style="margin-left: 12px; width: 95px; height: 30px;"/>
											</div>
											<div class="layui-inline">
												元
											</div>
											<!--<div class="layui-inline" id="priceSelect" style="cursor: pointer;">
												<i class="layui-icon">&#xe633;</i>
											</div>-->
										</div>

										<div class="layui-inline">
											<div class="layui-inline">产品批号:</div>
											<div class="layui-inline">
												<input type="tel" readonly="readonly" id="salOrdDescProBatchNum" name="salOrdDescProBatchNum" lay-verify="required|phone" autocomplete="off" class="layui-input" style="margin-left: 12px; width: 95px; height: 30px;">
											</div>
										</div>

										<div class="layui-inline">
											<div class="layui-inline">生产日期:</div>
											<div class="layui-inline">
												<li><input type="text" id="salOrdDescProStartDate" class="layui-input" readonly="readonly" style="margin-left: 12px; width: 95px; height: 30px;"/></li>
											</div>
										</div>


									</div>

									<!--右边input框-->
									<div>
										<div class="layui-inline">
											<div class="layui-inline">数 &nbsp;&nbsp;&nbsp;量:</div>
											<div class="layui-inline">
												<input type="text" name="commodityNum" id="commodityNum" value="1" class="layui-input" style="width: 50px; height: 30px;">
											</div>
											<div class="layui-inline">折扣率:</div>
											<div class="layui-inline">
												<input type="text" readonly name="depositRate" id="depositRate" value="1.00" class="layui-input" style="width: 50px; height: 30px;">
											</div>
										</div>

										<div class="layui-inline"style="width: 300px; margin:5px 0 14px 0">
											<div class="layui-inline">总金额:</div>
											<div class="layui-inline" id="aggregateAmount" style="margin-top:3px">

											</div>
										</div>

										<div class="layui-inline">
											<div class="layui-inline">销售数量:</div>
											<div class="layui-inline" id="salOrdDescProNums">
											</div>
											<div class="layui-inline">有效期:</div>
											<div class="layui-inline" id="salOrdDescProValidityDate">
											</div>
										</div>

									</div>

								</div>

								<div>
									<div class="layui-inline">
										<div class="layui-inline cent">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</div>
										<div class="layui-inline">
											<input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input" style="margin-left: 15px; width: 452px; height: 30px;">
										</div>
									</div>
								</div>

								<!--提交商品信息与退出按钮-->
								<div>
									<!--lay-filter="yes"  lay-submit=""-->
									<button type="button" class="layui-btn layui-btn-sm layui-btn-sm" id="comBatchSub">确定</button>
									<button lay-event="exit" type="button" class="layui-btn layui-btn-sm layui-btn-danger tableSelect_btn_select exitBut">退出</button>
								</div>

							</div>

						</fieldset>


						<div class="layui-tab layui-tab-brief">
							<ul class="layui-tab-title">
								<li class="layui-this">商品批次信息</li>
								<li>商品退货历史</li>
							</ul>
							<div class="layui-tab-content marg-mf">
								<div class="layui-tab-item layui-show">
									<!--商品批次信息-->
									<table class="layui-table" id="commoditydemo" lay-filter="commoditydemo"></table>
								</div>
								<div class="layui-tab-item">
									<!--商品销售历史信息-->
									<table class="layui-table" id="commoditydemoHistory" lay-filter="commoditydemoHistory"></table>
								</div>
							</div>
						</div>

					</div>

				</div>

			</form>

		</div>

		<!--新增商品弹出层-->
		<div class="layuimini-container" id="CommodityAddPage" style="display: none;">
			<div class="layuimini-main layui-row">
				<div class="layui-col-md6">
					<fieldset class="table-search-fieldset">
						<legend>商品查询列表</legend>
						<div style="margin: 10px 10px 10px 10px">
							<div class="layui-form" action="">

								<div class="layui-form-item">请输入商品编号或名称查询商品，查询到商品后添加到右边所选商品</div>

								<div class="layui-form-item">
									<div>
										<div class="layui-inline">输入编号或名称查询商品</div>
										<div class="layui-inline">
											<input id="fuzzyIdName" type="text" name="username" autocomplete="off" class="layui-input">
										</div>
										<div class="layui-inline">
											<button type="button" class="layui-btn layui-btn-primary layui-btn-radius" id="dataSearchBtn">加入所选商品</button>
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<div style="margin-left: 97px">
										<div class="layui-inline">原始单号</div>
										<div class="layui-inline">
											<select required name="salRetOriginalNum" id="salRetOriginalNum" lay-filter="salRetOriginalNum">
												<option value=""></option>

											</select>
										</div>
									</div>
								</div>
							</div>
						</div>
					</fieldset>
					<div class="layui-tab layui-tab-brief">
						<ul class="layui-tab-title">
							<li class="layui-this">商品清单</li>
							<li>商品列表</li>
						</ul>
						<div class="layui-tab-content" style="position: relative; bottom: 15px;">
							<div class="layui-tab-item layui-show" >
								<!--添加商品(商品清单)-->
								<table class="layui-table" id="commoditydemo8" lay-filter="commoditydemo8"></table>
							</div>
							<div class="layui-tab-item layui-row-col">
								<div id="proListTree" class="layui-col-md3" style="border-right:1px solid #eee;height:366px;overflow: auto"></div>
								<table id="proListInfo" class="layui-col-md9" lay-filter="proListInfo"></table>
							</div>
						</div>
					</div>

				</div>

				<div class="layui-col-md5">
					<fieldset class="table-search-fieldset">
						<legend>所选商品列表</legend>
						<div style="position: relative; bottom: 15px;">
							<table class="layui-table" id="commoditydemoAdd" lay-filter="commoditydemoAdd" ></table>
						</div>
					</fieldset>
					<div style="margin: 30px 0 0 60px;">
						<button class="layui-btn layui-btn-sm" id="updataDemoAddBut">修改</button>
						<button class="layui-btn layui-btn-sm" id="deleteDemoAddBut">删除</button>
						<button class="layui-btn layui-btn-sm" id="confirmDemoAddBut">确定</button>
						<button class="layui-btn layui-btn-sm layui-btn-danger" id="outDemoAddBut">退出</button>
					</div>
				</div>

			</div>
		</div>

		<!--删除商品弹出框-->
		<div id="deleteCommodityDiv" style="display: none;">

			<div class="deleteCommodityDiv">
				<div><i class="layui-icon">&#xe702;</i></div>
				<div>是否删除该商品信息</div>
			</div>
		</div>
		<!--售价列表(修改弹窗)-->
		<div id="updatePriceTab" style="display: none; padding:23px;">
			<form class="layui-form">
				<div class="layui-form-item">
					<div class="layui-inline">名称</div>
					<div class="layui-inline">
						<input type="text" class="layui-input" id="priceName" style="height: 30px;"/>
					</div>
				</div>

				<div class="layui-form-item">
					<div class="layui-inline">价格</div>
					<div class="layui-inline">
						<input type="text" class="layui-input" id="prix" style="height: 30px;"/>
					</div>
				</div>
			</form>
		</div>

		<!--下拉框下按钮-->
		<script type="text/html" id="toolbarDemo">
			<button class="layui-btn layui-btn-sm layui-btn-sm data-commence-btn " lay-event="commence">确定</button>
			<button class="layui-btn layui-btn-sm layui-btn-danger data-out-btn tableSelect_btn_select" lay-event="out">退出</button>
		</script>
		<script type="text/html" id="currentTableBar">
			<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">修改</a>
		</script>

		<!--主表按钮-->
		<script type="text/html" id="toolbarDemo2">
			<div class="layui-btn-container">
				<button class="layui-btn layui-btn-sm data-add-btn" id="addBut" lay-event="add"> 添加退货商品 </button>
				<!--<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" lay-event="returnedPurchase"> 整单退货 </button>-->
				<button class="layui-btn layui-btn-sm layui-btn-danger data-delete-btn" id="deleteBut"lay-event="delete"> 删除商品 </button>
			</div>
		</script>

		<!--修改售价列表-->
		<script type="text/html" id="priceBtn">
			<div class="layui-btn-container">
				<button class="layui-btn layui-btn-sm" lay-event="update">
					<i class="layui-icon ">&#xe608;</i>
				</button>
				<button class="layui-btn layui-btn-sm" lay-event="confirm">
					<i class="layui-icon">&#x1005;</i>
				</button>
				<button class="layui-btn layui-btn-sm" lay-event="secede">
					<i class="layui-icon">&#x1007;</i>
				</button>
			</div>
		</script>

		<!--客户表-->
		<table class="layui-hide" id="currentTableFilter" lay-filter="currentTableFilter"></table>

		<!--顺序错误(tableSelect...)-->
		<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
		<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
		<script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
		<script type="text/javascript" src="../../css/xh/customerReturn.js"></script>
	</body>

</html>